<template>
  <div class="product-tabbar">
    <a href="javascript:;" class="tab-link">
      <i class="iconfont icon-shop"></i>
      <span>商铺</span>
    </a>
    <a href="javascript:;" class="tab-link">
      <i class="iconfont icon-service"></i>
      <span>客服</span>
    </a>
    <a href="javascript:;" class="tab-link">
      <i class="iconfont icon-collect"></i>
      <span>收藏</span>
    </a>
    <div class="addToCart">加入购物车</div>
    <div class="buy">马上抢</div>
  </div>
</template>
<script>
export default {
  name: 'productTabbar'
}
</script>
<style lang="stylus" scoped>
@import '~@/assets/stylus/mixin'
.product-tabbar
  background-color #fff
  height 50px
  width 100%
  position absolute
  bottom 0
  left 0
  display flex
  align-items center
  text-align center
  border 1px solid #b2b2b2
  z-index 1400
  .tab-link
    display flex
    flex-direction column
    justify-content center
    align-items center
    width 70px
    height 80px
    .iconfont
      width 50px
      margin-bottom 10px
  .addToCart
    flex 1
    background-color orange
    line-height 50px
    color #fff
  .buy
    flex 1
    background-color red
    line-height 50px
    color #fff
</style>
